<!--
Copyright 2013 Google Inc. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<!doctype html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>TextAutoSizing Demo</title>
        <meta name="description" content="">
        
        <link rel="stylesheet" href="styles/main.css">
    </head>
    <body>
        <h1>Let's Try Out Text Auto Sizing</h1>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et dui et urna cursus tristique quis vel nisi. Mauris tincidunt tortor non malesuada rutrum. Donec bibendum elit in leo commodo malesuada. Sed tincidunt ante commodo nisl ornare elementum. Nulla facilisi. Ut a odio at enim blandit condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hac habitasse platea dictumst. Aenean lobortis velit vitae ipsum pellentesque placerat. Ut ut odio nec nisi dignissim dictum.</p>

        <p>Morbi aliquam nibh et nisi sagittis, a fermentum felis tempus. Aliquam erat volutpat. Vestibulum elementum sagittis justo, sit amet ullamcorper quam pellentesque sed. Nullam adipiscing est id diam porta, non mattis mi imperdiet. Morbi congue dui sit amet orci gravida, ac ornare libero malesuada. Cras cursus placerat magna. Nunc vitae sem quis mauris posuere iaculis id sit amet felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam at quam aliquet est feugiat pellentesque. Aenean faucibus eu tellus nec aliquet.</p>

        <h2>What About Flexbox</h2>

        <section class="flexbox-section">
            <p>Proin faucibus, libero nec semper sollicitudin, dolor neque aliquet ipsum, pharetra eleifend purus nibh vitae massa. Praesent nec tincidunt metus. Phasellus ultricies elit vel augue euismod, ac adipiscing lectus facilisis. In id velit quam. Aliquam est turpis, molestie sit amet euismod quis, egestas ut lectus. Cras sollicitudin condimentum eros ut tristique. Pellentesque vitae iaculis lorem. Maecenas convallis vulputate ligula non venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam non orci ac nibh malesuada rhoncus. In tempus imperdiet arcu, vel hendrerit nisl sollicitudin id. Morbi at massa in augue luctus consequat. Donec ac massa tellus.</p>

            <p>Donec a nisi vitae lectus vulputate fringilla nec placerat odio. Suspendisse sed elit varius, mattis nunc ut, eleifend dolor. Sed cursus enim non neque luctus semper. Aenean rhoncus leo vestibulum eros vehicula elementum nec nec mi. Vestibulum condimentum, leo nec consectetur mollis, urna nibh consectetur nunc, vitae semper nisi felis vitae est. Sed at turpis magna. Fusce vitae facilisis tellus. Vivamus non tempus ligula. Aenean condimentum fermentum augue sed lobortis. Aliquam lobortis pellentesque porttitor. Pellentesque dapibus felis quis ante varius, eu tincidunt erat facilisis. Morbi in purus mauris. Vivamus sed orci ut massa ornare pretium eget in eros. Proin at vulputate dolor.</p>
        </section>

        <h2>And Now Floats</h2>

        <section class="float-section">
            <p>Pellentesque nec ligula felis. Proin eu euismod quam. Aenean at malesuada mi, ut ornare risus. Ut in mauris in elit porta sodales quis quis magna. Phasellus sit amet nibh ut est gravida mollis vitae non augue. Aenean fermentum nunc mi, in auctor ligula porta ut. Aenean at elit convallis, viverra purus sed, sollicitudin mauris. Sed vel velit tristique, feugiat tortor ut, sollicitudin est. Duis interdum vulputate ante vel vestibulum. Praesent sit amet lacus non sem tincidunt euismod.</p>

            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et dui et urna cursus tristique quis vel nisi. Mauris tincidunt tortor non malesuada rutrum. Donec bibendum elit in leo commodo malesuada. Sed tincidunt ante commodo nisl ornare elementum. Nulla facilisi. Ut a odio at enim blandit condimentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hac habitasse platea dictumst. Aenean lobortis velit vitae ipsum pellentesque placerat. Ut ut odio nec nisi dignissim dictum.</p>
        </section>
    </body>
</html>